<template>
  <div>
    <list :list="list" :render="renderFun"></list>
  </div>
</template>

<script>
import list from "@/components/list";
export default {
  components: {
    list,
  },
  data() {
    return {
      list: [
        {
          name: "jack",
        },
        {
          name: "Join",
        },
        {
          name: "Mike",
        },
      ],
    };
  },
  methods:{
    renderFun(h,name){
      return h('span',{
        style:{
          color:'red'
        }
      },name)
    }
  }
};
</script>

<style>
</style>
